Düşünmek ve söylemek kolay,fakat yaşamak,hele başarı ile sonuçlandırmak çok zordur.
...BÜTÜN BÜYÜK İŞLER , KÜÇÜK BAŞLANGIÇLARLA OLUR.
JAVASCRİPT etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
JAVASCRİPT etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

3 Temmuz 2012 Salı

Javascript ile Fahrenheit - Celsius Dönüştürücü

Javascript ile basit bir dönüştürücü...

Html tag ı olan 'input' ile oluşturduğumuz textbox daki verileri 'script' etiketleri arasında tanımladığımız fonksiyon da kullanıyoruz.
Tabi ikinci text kutularına sonucu yazdırdığımız için onları readonly (sadece okunur) yapmamız gerekirdi.
Bu şekilde kullanıcının bilgi girişini engellemiş olduk. Bunuda ' disabled="true' kodu ile sağladık.
Aşağıda kodları bulabilirsiniz...


<html>
<head>
<title> Dönüştürücü </title>

<script type="text/javascript">
function hesapla()
{
var fah=document.form.fah.value;
if(fah=="")
alert("Fahrenayt değerini girin");
else
document.form.cel.value=(5/9)*(fah-32);
return false;
}

function hesapla2()  {
    var c=document.form.cel2.value;
if(c=="")
 alert("Celcius değerlerini girin.");
 else
 document.form.fah2.value= (c * 1.8) + 32;
     return false;
}

</script>
</head>

<body>
<center> <h3> Celcius - Fahrenheit Dönüştürücü  </h3> </center>

<form action="#" name="form">
<table align="center" cellpadding="5">
<tr>
    <td>Fahrenheit</td>
        <td><input id="fah" name="fah" /></td>
    </tr><tr>
    <td>Celcius</td>
        <td><input id="cel" name="cel" disabled="true" /></td>
    </tr><tr>
    <td colspan="2" align="right">
        <input type="button" value="Hesapla" onclick="hesapla()">
            <input type="reset" value="Temizle">
        </td>
    </tr>

<tr>
    <td>Celcius</td>
        <td><input id="cel2" name="cel2" /></td>
    </tr><tr>
    <td>Fahrenheit</td>
        <td><input id="fah2" name="fah2" disabled="true" /></td>
    </tr><tr>
    <td colspan="2" align="right">
        <input type="button" value="Hesapla" onclick="hesapla2()">
            <input type="reset" value="Temizle">
        </td>
    </tr>
</table>
</form>

</body>
</html>

28 Haziran 2012 Perşembe

TARAYICI AYIRT ETME

          Microsoft Internet Explorer ve Netscape Navigator tarayıcılarında javascript kodların yönünden farklılık vardır. Bu farklılık ; tarayıcıların html dökümanını nasıl modellediğine bağlıdır.
Şimdi tarayıcı ayırt etmek için kodlara göz atalım.

 <html>
<head>
<title> TARAYICI KONTROLÜ</title>

<script>
function tarayici() {
ie=(document.all) ? true:false;
nn=(document.style) ? true:false;

if(ie)
{
  // explorer için uygun kodlar.
}
else
{
  // netscape için uygun kodlar.
}
}
</script>

</head>
<body onLoad=tarayici() >
</body>
</html>

SHARE

Twitter Delicious Facebook Digg Stumbleupon Favorites More